<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<!-- - #笔记要求

##笔记
- 每日边看视频边记录笔记，然后每个知识点需要自己解释一下
- 以及 每日未解决的问题可以记录下来
- 记录每日完成多少代码量（多少行）
- 今天做了什么
有做项目的话，项目的进度 -->

grid-template-rows属性是列  也可以使用百分比去表示

grid-template-columns属性是行  
 repeat（）接受两个参数，第一个参数是重复的次数
                        第二个参数是所要重复的值

网格布局是个块级元素
auto-fill 关键字：

如果希望每一行（或每一列）容纳尽可能多的单元格，就可以使用auto-fill关键字表示自动填充
 
fr关键字：设置 行和列 这是一个比例关系